
<!doctype html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
<html lang="en">
<head>
  
  <!-- Basic -->
  <title>Margo | Single Post</title>
  
  <!-- Define Charset -->
  <meta charset="utf-8">
  
  <!-- Responsive Metatag -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
  <!-- Page Description and Author -->
  <meta name="description" content="Margo - Responsive HTML5 Template">
  <meta name="author" content="ZoOm Arts">
  
  
  <!-- Bootstrap CSS  -->
  <link rel="stylesheet" href="asset/css/bootstrap.min.css" type="text/css" media="screen">

  <!-- Font Awesome CSS -->
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="screen">
  
  <!-- Margo CSS Styles  -->
  <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
  
  <!-- Responsive CSS Styles  -->
  <link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">
  
  <!-- Color CSS Styles  -->
  <link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/beige.css" title="beige" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/pink.css" title="pink" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />
  
  
  <!-- Margo JS  -->
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/jquery.migrate.js"></script>
  <script type="text/javascript" src="js/modernizrr.js"></script>
  <script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/jquery.fitvids.js"></script>
  <script type="text/javascript" src="js/owl.carousel.min.js"></script>
  <script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="js/jquery.appear.js"></script>
  <script type="text/javascript" src="js/count-to.js"></script>
  <script type="text/javascript" src="js/jquery.textillate.js"></script>
  <script type="text/javascript" src="js/jquery.lettering.js"></script>
  <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
  <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
  <script type="text/javascript" src="js/jquery.parallax.js"></script>
  <script type="text/javascript" src="js/script.js"></script>
  
  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  
</head>
<body>

	<!-- Container -->
	<div id="container">
		
    <!-- Start Header -->
    <div class="hidden-header"></div>
    <header class="clearfix">
      
      <!-- Start Top Bar -->
      <div class="top-bar">
        <div class="container">
         <div class="row">
          <div class="col-md-6">
            <!-- Start Contact Info -->
            <ul class="contact-details">
                                <li><a href="#"><i class="fa fa-map-marker"></i> House-54/A, London, UK</a>
                                </li>
                                <li><a href="#"><i class="fa fa-envelope-o"></i> info@yourcompany.com</a>
                                </li>
                                <li><a href="#"><i class="fa fa-phone"></i> +12 345 678 000</a>
                                </li>
                            </ul>
            <!-- End Contact Info -->
          </div>
          <div class="col-md-6">
            <!-- Start Social Links -->
            <ul class="social-list">
              <li>
                <a class="facebook itl-tooltip" data-placement="bottom" title="Facebook" href="#"><i class="fa fa-facebook"></i></a>
              </li>
              <li>
                <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
              </li>
              <li>
                <a class="google itl-tooltip" data-placement="bottom" title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a>
              </li>
              <li>
                <a class="dribbble itl-tooltip" data-placement="bottom" title="Dribble" href="#"><i class="fa fa-dribbble"></i></a>
              </li>
              <li>
                <a class="linkdin itl-tooltip" data-placement="bottom" title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
              </li>
              <li>
                <a class="flickr itl-tooltip" data-placement="bottom" title="Flickr" href="#"><i class="fa fa-flickr"></i></a>
              </li>
              <li>
                <a class="tumblr itl-tooltip" data-placement="bottom" title="Tumblr" href="#"><i class="fa fa-tumblr"></i></a>
              </li>
              <li>
                <a class="instgram itl-tooltip" data-placement="bottom" title="Instagram" href="#"><i class="fa fa-instagram"></i></a>
              </li>
              <li>
                <a class="vimeo itl-tooltip" data-placement="bottom" title="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a>
              </li>
              <li>
                <a class="skype itl-tooltip" data-placement="bottom" title="Skype" href="#"><i class="fa fa-skype"></i></a>
              </li>
            </ul>
            <!-- End Social Links -->
          </div>
        </div>
      </div>
    </div>
    <!-- End Top Bar -->
    
    <!-- Start Header ( Logo & Naviagtion ) -->
    <div class="navbar navbar-default navbar-top">
      <div class="container">
       <div class="navbar-header">
        <!-- Stat Toggle Nav Link For Mobiles -->
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
         <i class="fa fa-bars"></i>
       </button>
       <!-- End Toggle Nav Link For Mobiles -->
       <a class="navbar-brand" href="index.html"><img alt="" src="images/margo.png"></a>
     </div>
     <div class="navbar-collapse collapse">
      <!-- Stat Search -->
      <div class="search-side">
        <a href="#" class="show-search"><i class="fa fa-search"></i></a>
        <div class="search-form">
          <form autocomplete="off" role="search" method="get" class="searchform" action="#">
            <input type="text" value="" name="s" id="s" placeholder="Search the site...">
          </form>
        </div>
      </div>
      <!-- End Search -->
      <!-- Start Navigation List -->
      <ul class="nav navbar-nav navbar-right">
       <li>
        <a href="index.html">Home</a>
        <ul class="dropdown">
         <li><a href="index.html">Home Main Version</a></li>
         <li><a href="index-01.html">Home Version 1</a></li>
         <li><a href="index-02.html">Home Version 2</a></li>
         <li><a href="index-03.html">Home Version 3</a></li>
         <li><a href="index-04.html">Home Version 4</a></li>
         <li><a href="index-05.html">Home Version 5</a></li>
         <li><a href="index-06.html">Home Version 6</a></li>
         <li><a href="index-07.html">Home Version 7</a></li>
       </ul>
     </li>
     <li>
      <a href="about.html">Pages</a>
      <ul class="dropdown">
       <li><a href="about.html">About</a></li>
       <li><a href="services.html">Services</a></li>
       <li><a href="right-sidebar.html">Right Sidebar</a></li>
       <li><a href="left-sidebar.html">Left Sidebar</a></li>
       <li><a href="404.html">404 Page</a></li>
     </ul>
   </li>
   <li>
    <a href="#">Shortcodes</a>
    <ul class="dropdown">
      <li><a href="tabs.html">Tabs</a></li>
      <li><a href="buttons.html">Buttons</a></li>
      <li><a href="action-box.html">Action Box</a></li>
      <li><a href="testimonials.html">Testimonials</a></li>
      <li><a href="latest-posts.html">Latest Posts</a></li>
      <li><a href="latest-projects.html">Latest Projects</a></li>
      <li><a href="pricing.html">Pricing Tables</a></li>
      <li><a href="accordion-toggles.html">Accordion & Toggles</a></li>
    </ul>
  </li>
  <li>
    <a href="portfolio-3.html">Portfolio</a>
    <ul class="dropdown">
     <li><a href="portfolio-2.html">2 Columns</a></li>
     <li><a href="portfolio-3.html">3 Columns</a></li>
     <li><a href="portfolio-4.html">4 Columns</a></li>
     <li><a href="single-project.html">Single Project</a></li>
   </ul>
 </li>
 <li>
  <a class="active" href="blog.html">Blog</a>
  <ul class="dropdown">
   <li><a href="blog.html">Blog - right Sidebar</a></li>
   <li><a href="blog-left-sidebar.html">Blog - Left Sidebar</a></li>
   <li><a class="active" href="single-post.html">Blog Single Post</a></li>
 </ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- End Navigation List -->
</div>
</div>
</div>
<!-- End Header ( Logo & Naviagtion ) -->

</header>
<!-- End Header -->




<!-- Start Page Banner -->
<div class="page-banner">
 <div class="container">
  <div class="row">
   <div class="col-md-6">
    <h2>Blog</h2>
    <p>Blog Subtitle</p>
  </div>
  <div class="col-md-6">
    <ul class="breadcrumbs">
     <li><a href="#">Home</a></li>
     <li><a href="#">Blog</a></li>
     <li>Gallery Post With Nice Lightbox</li>
   </ul>
 </div>
</div>
</div>
</div>
<!-- End Page Banner -->




<!-- Start Content -->
<div id="content">
 <div class="container">
  <div class="row blog-post-page">
   <div class="col-md-9 blog-box">
    
    <!-- Start Single Post Area -->
    <div class="blog-post gallery-post">
      
      <!-- Start Single Post (Gallery Slider) -->
      <div class="post-head">
       <div class="touch-slider post-slider">
        <div class="item">
          <a class="lightbox" title="This is an image title" href="images/blog-02.jpg" data-lightbox-gallery="gallery1">
            <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
            <img alt="" src="images/blog-02.jpg">
          </a>
        </div>
        <div class="item">
          <a class="lightbox" title="This is an image title" href="images/blog-03.jpg" data-lightbox-gallery="gallery1">
            <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
            <img alt="" src="images/blog-03.jpg">
          </a>
        </div>
        <div class="item">
          <a class="lightbox" title="This is an image title" href="images/blog-04.jpg" data-lightbox-gallery="gallery1">
            <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
            <img alt="" src="images/blog-04.jpg">
          </a>
        </div>
      </div>
    </div>
    <!-- End Single Post (Gallery) -->
    
    <!-- Start Single Post Content -->
    <div class="post-content">
     <div class="post-type"><i class="fa fa-picture-o"></i></div>
     <h2>Gallery Post With Nice Lightbox</h2>
     <ul class="post-meta">
       <li>By <a href="#">iThemesLab</a></li>
       <li>December 30, 2013</li>
       <li><a href="#">WordPress</a>, <a href="#">Graphic</a></li>
       <li><a href="#">4 Comments</a></li>
     </ul>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
     <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
     <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
     <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
     <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
     
     <div class="post-bottom clearfix">
      <div class="post-tags-list">
        <a href="#">Theme</a>
        <a href="#">Mobile</a>
        <a href="#">Design</a>
        <a href="#">Wordpress</a>
        <a href="#">Jquery</a>
      </div>
      <div class="post-share">
        <span>Share This Post:</span>
        <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
        <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
        <a class="gplus" href="#"><i class="fa fa-google-plus"></i></a>
        <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
        <a class="mail" href="#"><i class="fa fa-envelope"></i></a>
      </div>
    </div>
    <div class="author-info clearfix">
     <div class="author-image">
       <a href="#"><img alt="" src="images/author.png" /></a>
     </div>
     <div class="author-bio">
       <h4>About The Author</h4>
       <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia desrut mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
     </div>
   </div>
 </div>
 <!-- End Single Post Content -->
 
</div>
<!-- End Single Post Area -->

<!-- Start Comment Area -->
<div id="comments">
 <h2 class="comments-title">(4) Comments</h2>
 <ol class="comments-list">
   <li>
     <div class="comment-box clearfix">
       <div class="avatar"><img alt="" src="images/avatar.png" /></div>
       <div class="comment-content">
         <div class="comment-meta">
           <span class="comment-by">John Doe</span>
           <span class="comment-date">February 15, 2013 at 11:39 pm</span>
           <span class="reply-link"><a href="#">Reply</a></span>
         </div>
         <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia desrut mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
       </div>
     </div>
     
     <ul>
      <li>
        <div class="comment-box clearfix">
          <div class="avatar"><img alt="" src="images/avatar.png" /></div>
          <div class="comment-content">
            <div class="comment-meta">
              <span class="comment-by">John Doe</span>
              <span class="comment-date">February 15, 2013 at 11:39 pm</span>
              <span class="reply-link"><a href="#">Reply</a></span>
            </div>
            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
          </div>
        </div>
        
        <ul>
          <li>
            <div class="comment-box clearfix">
              <div class="avatar"><img alt="" src="images/avatar.png" /></div>
              <div class="comment-content">
                <div class="comment-meta">
                  <span class="comment-by">John Doe</span>
                  <span class="comment-date">February 15, 2013 at 11:39 pm</span>
                  <span class="reply-link"><a href="#">Reply</a></span>
                </div>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi.</p>
              </div>
            </div>
          </li>
        </ul>
        
      </li>
    </ul>
  </li>
  
  <li>
   <div class="comment-box clearfix">
     <div class="avatar"><img alt="" src="images/avatar.png" /></div>
     <div class="comment-content">
       <div class="comment-meta">
         <span class="comment-by">John Doe</span>
         <span class="comment-date">February 15, 2013 at 11:39 pm</span>
         <span class="reply-link"><a href="#">Reply</a></span>
       </div>
       <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia desrut mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
     </div>
   </div>
 </li>
 
</ol>

<!-- Start Respond Form -->
<div id="respond">
 <h2 class="respond-title">Leave a reply</h2>
 <form action="#">
   <div class="row">
     <div class="col-md-4">
       <label for="author">Name<span class="required">*</span></label>
       <input id="author" name="author" type="text" value="" size="30" aria-required="true">
     </div>
     <div class="col-md-4">
       <label for="email">Email<span class="required">*</span></label>
       <input id="email" name="author" type="text" value="" size="30" aria-required="true">
     </div>
     <div class="col-md-4">
       <label for="url">Website<span class="required">*</span></label>
       <input id="url" name="url" type="text" value="" size="30" aria-required="true">
     </div>
   </div>
   <div class="row">
     <div class="col-md-12">
      <label for="comment">Add Your Comment</label>
      <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
      <input name="submit" type="submit" id="submit" value="Submit Comment">
    </div>
  </div>
</form>
</div>
<!-- End Respond Form -->

</div>
<!-- End Comment Area -->

</div>



<!-- Sidebar -->
<div class="col-md-3 sidebar right-sidebar">
  
  <!-- Search Widget -->
  <div class="widget widget-search">
   <form action="#">
    <input type="search" placeholder="Enter Keywords..." />
    <button class="search-btn" type="submit"><i class="fa fa-search"></i></button>
  </form>
</div>

<!-- Categories Widget -->
<div class="widget widget-categories">
 <h4>Categories <span class="head-line"></span></h4>
 <ul>
  <li>
   <a href="#">Brandign</a>
 </li>
 <li>
   <a href="#">Design</a>
 </li>
 <li>
   <a href="#">Development</a>
 </li>
 <li>
   <a href="#">Graphic</a>
 </li>
</ul>
</div>

<!-- Popular Posts widget -->
<div class="widget widget-popular-posts">
 <h4>Popular Post <span class="head-line"></span></h4>
 <ul>
  <li>
   <div class="widget-thumb">
     <a href="#"><img src="images/blog-mini-01.jpg" alt="" /></a>
   </div>
   <div class="widget-content">
     <h5><a href="#">How To Download The Google Fonts Catalog</a></h5>
     <span>Jul 29 2013</span>
   </div>
   <div class="clearfix"></div>
 </li>
 <li>
   <div class="widget-thumb">
     <a href="#"><img src="images/blog-mini-02.jpg" alt="" /></a>
   </div>
   <div class="widget-content">
     <h5><a href="#">How To Download The Google Fonts Catalog</a></h5>
     <span>Jul 29 2013</span>
   </div>
   <div class="clearfix"></div>
 </li>
 <li>
   <div class="widget-thumb">
     <a href="#"><img src="images/blog-mini-03.jpg" alt="" /></a>
   </div>
   <div class="widget-content">
     <h5><a href="#">How To Download The Google Fonts Catalog</a></h5>
     <span>Jul 29 2013</span>
   </div>
   <div class="clearfix"></div>
 </li>
</ul>
</div>

<!-- Video Widget -->
<div class="widget">
 <h4>Video <span class="head-line"></span></h4>
 <div>
   <iframe src="http://player.vimeo.com/video/63322694?byline=0&amp;portrait=0&amp;badge=0" width="800" height="450"></iframe>
 </div>
</div>

<!-- Tags Widget -->
<div class="widget widget-tags">
 <h4>Tags <span class="head-line"></span></h4>
 <div class="tagcloud">
   <a href="#">Portfolio</a>
   <a href="#">Theme</a>
   <a href="#">Mobile</a>
   <a href="#">Design</a>
   <a href="#">Wordpress</a>
   <a href="#">Jquery</a>
   <a href="#">CSS</a>
   <a href="#">Modern</a>
   <a href="#">Theme</a>
   <a href="#">Icons</a>
   <a href="#">Google</a>
 </div>
</div>

</div>
<!--End sidebar-->


</div>

</div>
</div>
<!-- End content -->


<!-- Start Footer -->
<footer>
 <div class="container">
  <div class="row footer-widgets">
    
    <!-- Start Subscribe & Social Links Widget -->
                    <div class="col-md-3">
                        <div class="footer-widget mail-subscribe-widget">
                            <h4>Get in touch<span class="head-line"></span></h4>
                            <p>Join our mailing list to stay up to date and get notices about our new releases!</p>
                            <form class="subscribe">
                                <input type="text" placeholder="mail@example.com">
                                <input type="submit" class="main-button" value="Send">
                            </form>
                        </div>
                        <div class="footer-widget social-widget">
                            <h4>Follow Us<span class="head-line"></span></h4>
                            <ul class="social-icons">
                                <li>
                                    <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a class="google" href="#"><i class="fa fa-google-plus"></i></a>
                                </li>
                                <li>
                                    <a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a>
                                </li>
                                <li>
                                    <a class="linkdin" href="#"><i class="fa fa-linkedin"></i></a>
                                </li>
                                <li>
                                    <a class="flickr" href="#"><i class="fa fa-flickr"></i></a>
                                </li>
                                <li>
                                    <a class="tumblr" href="#"><i class="fa fa-tumblr"></i></a>
                                </li>
                                <li>
                                    <a class="instgram" href="#"><i class="fa fa-instagram"></i></a>
                                </li>
                                <li>
                                    <a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a>
                                </li>
                                <li>
                                    <a class="skype" href="#"><i class="fa fa-skype"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div><!-- .col-md-3 -->
                    <!-- End Subscribe & Social Links Widget -->
                    
                    
                    <!-- Start Twitter Widget -->
                    <div class="col-md-3">
                        <div class="footer-widget twitter-widget">
                            <h4>Twitter Feed<span class="head-line"></span></h4>
                            <ul>
                                <li>
                                    <p><a href="#">@ithemeslab </a> Lorem ipsum dolor et, consectetur adipiscing eli.</p>
                                    <span>28 February 2014</span>
                                </li>
                                <li>
                                    <p><a href="#">@ithemeslab </a> Lorem ipsum dolor et, consectetur adipiscing eli.An Fusce eleifend aliquet nis application.</p>
                                    <span>26 February 2014</span>
                                </li>
                                <li>
                                    <p><a href="#">@ithemeslab </a> Lorem ipsum dolor et, consectetur adipiscing eli.</p>
                                    <span>28 February 2014</span>
                                </li>
                            </ul>
                        </div>
                    </div><!-- .col-md-3 -->
                    <!-- End Twitter Widget -->


                    <!-- Start Flickr Widget -->
                    <div class="col-md-3">
                        <div class="footer-widget flickr-widget">
                            <h4>Flicker Feed<span class="head-line"></span></h4>
                            <ul class="flickr-list">
                                <li>
                                    <a href="images/flickr-01.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-01.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-02.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-02.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-03.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-03.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-04.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-04.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-05.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-05.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-06.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-06.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-07.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-07.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-08.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-08.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="images/flickr-09.jpg" class="lightbox">
                                        <img alt="" src="images/flickr-09.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div><!-- .col-md-3 -->
                    <!-- End Flickr Widget -->

                    
                    <!-- Start Contact Widget -->
                    <div class="col-md-3">
                        <div class="footer-widget contact-widget">
                            <h4><img src="images/footer-margo.png" class="img-responsive" alt="Footer Logo" /></h4>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
                            <ul>
                                <li><span>Phone Number:</span> +01 234 567 890</li>
                                <li><span>Email:</span> company@company.com</li>
                                <li><span>Website:</span> www.yourdomain.com</li>
                            </ul>
                        </div>
                    </div><!-- .col-md-3 -->
                    <!-- End Contact Widget -->

				
				</div><!-- .row -->

<!-- Start Copyright -->
<div class="copyright-section">
 <div class="row">
  <div class="col-md-6">
   <p>&copy; 2014 Margo -  All Rights Reserved</p>
 </div>
 <div class="col-md-6">
   <ul class="footer-nav">
    <li><a href="#">Sitemap</a></li>
    <li><a href="#">Privacy Policy</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>						
</div>
</div>
<!-- End Copyright -->

</div>
</footer>
<!-- End Footer -->

</div>
<!-- End Container -->

<!-- Go To Top Link -->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>

<div id="loader">
 <div class="spinner">
  <div class="dot1"></div>
  <div class="dot2"></div>
</div>
</div>



</body>
</html>